<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<div class="list"></div>

<script>

// 前端渲染
// 是指由服务端返回页面数据，前端完成页面的html结构拼接的页面处理技术
// 特征：
// 1.数据传输量小，传输速度快
// 2.前后端分离，各司其职，效率高
// 3.减少占用服务端的运算资源，占用更多的客户端运算资源
// 4.对SEO搜索引擎优化不友好（大部分浏览器抓取不到ajax请求的数据）
// 5.页面展示速度偏慢

// 服务端渲染SSR(Server Side Rendering)
// 是指由服务端完成页面html结构拼接，并响应给前端的页面处理技术（php asp jsp...）
// 特征：
// 1.数据传输量大，传输速度慢
// 2.前后端不分离，代码混乱，效率低
// 3.减少占用客户端的运算资源，占用更多的服务端运算资源
// 4.对SEO搜索引擎优化更友好（服务端返回已经拼接好的页面）
// 5.页面展示速度稍快

</script>
</body>
</html>